<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<title>网易暴雪周边商城</title>
	<link rel="stylesheet" type="text/css" href="css/style.css" />
	<link rel="stylesheet" type="text/css" href="css/header.css" />
	<script src="js/jquery-1.11.0.js" type="text/javascript" charset="utf-8"></script>
	<script src="js/jquery.cookie.js"></script>
	<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
</head>

<body>
	<!--网页头部-->

	<header class="header-container">
		<!--网页顶部开始-->
		<div class="topBj">
			<div class="top">
				<div class="t-left">
					<span>中国大陆暴雪官方授权周边商城</span>
					<span class="sp">
						<a href="#">战网积分兑换商城优惠券入口</a>
					</span>
				</div>

				<div class="t-right">
					<ui class="list" id="topList">
						<li><span><a href="login.html">登录</a></span></li>
						<li><span><a href="register.html">注册</a></span></li>
						<li id="subMenu">
							<span  class="sub-menu">客户服务</span>
							<ul class="sub-menu">
								<li><a href="#">规则中心</a></li>
								<li><a href="#">在线客服</a></li>
							</ul>
						</li>
					</ui>
				</div>
			</div>
		</div>
		<!--网页顶部结束-->
		<div class="logo-container">
			<div class="header .clearfix">
				<div class="h-left">
					<h1><a href="index.html"><img src="img/logo.png" /></a></h1>
				</div>
				<div class="h-right">
					<input type="text" placeholder="请输入搜索内容" class="search" />
					<img class="icon search-icon" src="img/fdj.png" alt="搜索" />
					<a href="cart.html"><img class="icon cart-icon" src="img/cart.png" alt="购物车" /></a>
					<span class="cart-count">5</span>
				</div>
			</div>
		</div>
		<!--网页头部结束-->
	</header>
	<!-- 导航开始 -->
	<nav class="mask" id="h-nav">
		<div class="fix-width m-bj">
			<ul class="nav" id="navList">
				<li class="home "><a href="index.html">首页</li>
				<li> <span>居家生活</span>
					<div class="sub-category-container">
						<ul class="sub-category-list fix-width">
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh1.png" alt="二级分类图标"><span class="display-block">电脑外设</span></li>
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh2.png" alt="二级分类图标"><span class="display-block">鼠标垫</span></li>
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh3.png" alt="二级分类图标"><span class="display-block">U盘存储</span></li>
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh4.png" alt="二级分类图标"><span class="display-block">手机壳</span></li>
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh5.png" alt="二级分类图标"><span class="display-block">充电宝</span></li>
						</ul>
					</div>
				</li>
				<li class="clearfix"> <span>手办模型</span>
					<div class="sub-category-container">
						<ul class="sub-category-list fix-width">
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh1.png" alt="二级分类图标"><span class="display-block">电脑外设</span></li>
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh5.png" alt="二级分类图标"><span class="display-block">鼠标垫</span></li>
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh5.png" alt="二级分类图标"><span class="display-block">充电宝</span></li>
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh3.png" alt="二级分类图标"><span class="display-block">U盘存储</span></li>
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh4.png" alt="二级分类图标"><span class="display-block">手机壳</span></li>
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh2.png" alt="二级分类图标"><span class="display-block">充电宝</span></li>
						</ul>
					</div>
				</li>
				<li> <span>数码外设</span>
					<div class="sub-category-container">
						<ul class="sub-category-list fix-width">
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh5.png" alt="二级分类图标"><span class="display-block">电脑外设</span></li>
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh4.png" alt="二级分类图标"><span class="display-block">鼠标垫</span></li>
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh3.png" alt="二级分类图标"><span class="display-block">U盘存储</span></li>
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh1.png" alt="二级分类图标"><span class="display-block">鼠标垫</span></li>
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh2.png" alt="二级分类图标"><span class="display-block">U盘存储</span></li>
							<li class="sub-category-item"><img class="sub-category-icon" src="img/dh3.png" alt="二级分类图标"><span class="display-block">手机壳</span></li>
						
						</ul>
					</div>
				</li>
				<li> <span>配饰挂件</span>
					<div class="sub-category-container">
							<ul class="sub-category-list fix-width">
								<li class="sub-category-item"><img class="sub-category-icon" src="img/dh1.png" alt="二级分类图标"><span class="display-block">电脑外设</span></li>
								<li class="sub-category-item"><img class="sub-category-icon" src="img/dh2.png" alt="二级分类图标"><span class="display-block">鼠标垫</span></li>
								<li class="sub-category-item"><img class="sub-category-icon" src="img/dh5.png" alt="二级分类图标"><span class="display-block">充电宝</span></li>
								<li class="sub-category-item"><img class="sub-category-icon" src="img/dh3.png" alt="二级分类图标"><span class="display-block">U盘存储</span></li>
								<li class="sub-category-item"><img class="sub-category-icon" src="img/dh4.png" alt="二级分类图标"><span class="display-block">手机壳</span></li>
								<li class="sub-category-item"><img class="sub-category-icon" src="img/dh5.png" alt="二级分类图标"><span class="display-block">充电宝</span></li>
							</ul>
						</div></li>
				<li> <span>服装服饰</span>
					<div class="sub-category-container">
							<ul class="sub-category-list fix-width">
								<li class="sub-category-item"><img class="sub-category-icon" src="img/dh1.png" alt="二级分类图标"><span class="display-block">电脑外设</span></li>
								<li class="sub-category-item"><img class="sub-category-icon" src="img/dh2.png" alt="二级分类图标"><span class="display-block">鼠标垫</span></li>
								<li class="sub-category-item"><img class="sub-category-icon" src="img/dh3.png" alt="二级分类图标"><span class="display-block">U盘存储</span></li>
								<li class="sub-category-item"><img class="sub-category-icon" src="img/dh4.png" alt="二级分类图标"><span class="display-block">手机壳</span></li>
							
							</ul>
						</div></li>
				<li> <span>图书文具</span>
					<div class="sub-category-container">
							<ul class="sub-category-list fix-width">
								<li class="sub-category-item"><img class="sub-category-icon" src="img/dh1.png" alt="二级分类图标"><span class="display-block">电脑外设</span></li>
								<li class="sub-category-item"><img class="sub-category-icon" src="img/dh2.png" alt="二级分类图标"><span class="display-block">鼠标垫</span></li>
								<li class="sub-category-item"><img class="sub-category-icon" src="img/dh5.png" alt="二级分类图标"><span class="display-block">充电宝</span></li>
								<li class="sub-category-item"><img class="sub-category-icon" src="img/dh3.png" alt="二级分类图标"><span class="display-block">U盘存储</span></li>
								<li class="sub-category-item"><img class="sub-category-icon" src="img/dh5.png" alt="二级分类图标"><span class="display-block">充电宝</span></li>
								<li class="sub-category-item"><img class="sub-category-icon" src="img/dh4.png" alt="二级分类图标"><span class="display-block">手机壳</span></li>
								<li class="sub-category-item"><img class="sub-category-icon" src="img/dh5.png" alt="二级分类图标"><span class="display-block">充电宝</span></li>
							</ul>
						</div>
				</li>
			</ul>
		</div>
	</nav>
	<!-- 导航部分结束 -->

	<!-- 轮播图部分开始 -->
	<div class="banner" id="banner">
		<div class="slide">
			<ul class="pic">
				<li><a href="libs.html"> <img src="img/banner1.jpg" alt=""></a></li>
				<li><a href="libs.html"> <img src="img/banner2.jpg" alt=""></a></li>
				<li><a href="libs.html"> <img src="img/banner3.jpg" alt=""></a></li>
				<li><a href="libs.html"> <img src="img/banner4.jpg" alt=""></a></li>
			</ul>
		</div>
		<div class="sel" id="jiaobiao">
			<ul id="selList">
				<li class="select"></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
	</div>
	<!-- 轮播图结束la -->

	<div class="content">
		<!-- 游戏列表开始 -->
		<ul class="game-list clearfix">
			<li>
				<img src="img/1.png" alt="游戏图标">
				<span>魔兽世界</span>
			</li>
			<li>
				<img src="img/5.png" alt="游戏图标">
				<span>守望先锋</span>
			</li>
			<li>
				<img src="img/6.png" alt="游戏图标">
				<span>炉石传说</span>
			</li>
			<li>
				<img src="img/1.png" alt="游戏图标">
				<span>暗黑破坏神</span>
			</li>
			<li>
				<img src="img/5.png" alt="游戏图标">
				<span>星际争霸2</span>
			</li>
			<li>
				<img src="img/6.png" alt="游戏图标">
				<span>风暴英雄</span>
			</li>
			<li>
				<img src="img/1.png" alt="游戏图标">
				<span>暴雪游戏</span>
			</li>
		</ul>
		<!-- 游戏列表结束 -->

		<!-- 人气热销开始 -->
		<div class="home-hot">
			<div class="hot-header">
				<span class="title">人气热销</span>
			</div>
		</div>
		<div class="home-main clearfix">
			<span class="left-main clearfix"><img alt="主图" src="img/hotL.jpg"><span class="left">2018暴雪嘉年华大礼包</span></span>
			<span class="right-sub sub-one"><img alt="辅图" src="img/hot1.jpg"><span class="other">英雄主题 巧克力礼盒 守望先锋</span></span>
			<span class="right-sub sub-two"><img alt="辅图" src="img/hot2.jpg"><span class="other">暴雪游戏 随机角色小手办 系列4</span></span>
			<span class="right-sub sub-three"><img alt="辅图" src="img/hot2.jpg"><span class="other">Logo印花 自动伞 魔兽世界</span></span>
			<span class="right-sub sub-four"><img alt="辅图" src="img/hot1.jpg"><span class="other">守望先锋 天使 可动人偶</span></span>
		</div>
	</div>
	<!-- 人气热销结束  -->
	<!-- 最新周边开始 -->
	<div class="home-new">
		<div class="common-section-header"><span class="title">最新周边</span></div>
		<div class="carrousel-container">
			<span class="show-prev"></span>
			<ul class="new-list">
				<li>
					<a class="carrousel-item new">
						<img class="prod-img" alt="图片" src="img/sp1.jpg">
						<img class="g-icon" src="img/1.png" alt="游戏图标">
						<span class="prod-name">logo文件夹 守望先锋</span><span class="prod-desc" title="存储你的行动文件！">存储你的行动文件！</span>
						<span class="prod-price">￥25.00</span>
					</a>
				</li>
				<li>
					<a class="carrousel-item new">
						<img class="prod-img" alt="图片" src="img/sp1.jpg">
						<img class="g-icon" src="img/1.png" alt="游戏图标">
						<span class="prod-name">logo文件夹 守望先锋</span><span class="prod-desc" title="存储你的行动文件！">存储你的行动文件！</span>
						<span class="prod-price">￥25.00</span>
					</a>
				</li>
				<li>
					<a class="carrousel-item new">
						<img class="prod-img" alt="图片" src="img/sp1.jpg">
						<img class="g-icon" src="img/1.png" alt="游戏图标">
						<span class="prod-name">logo文件夹 守望先锋</span><span class="prod-desc" title="存储你的行动文件！">存储你的行动文件！</span>
						<span class="prod-price">￥25.00</span>
					</a>
				</li>
				<li>
					<a class="carrousel-item new">
						<img class="prod-img" alt="图片" src="img/sp1.jpg">
						<img class="g-icon" src="img/1.png" alt="游戏图标">
						<span class="prod-name">logo文件夹 守望先锋</span><span class="prod-desc" title="存储你的行动文件！">存储你的行动文件！</span>
						<span class="prod-price">￥25.00</span>
					</a>
				</li>
			</ul>
			<span class="show-next"></span>
		</div>
	</div>
	<!-- 最新周边结束 -->
	<!-- 手办模型开始 -->

	<div class="floor-container .clear-fix">
		<div class="floor-top">
			<div class="common-section-header"><span class="title">手办模型</span><span class="view-more float-right">查看更多&nbsp;&nbsp;&gt;</span>
				<ul class="subCategory-info float-right sub-list">
					<li><span>积木棋牌</span>&nbsp;&nbsp;/</li>
					<li><span>毛绒玩具</span>&nbsp;&nbsp;/</li>
					<li><span>手办公仔</span>&nbsp;&nbsp;/</li>
					<li><span>大型雕像</span>&nbsp;&nbsp;/</li>
					<li><span>模型收藏</span>&nbsp;&nbsp;/</li>
					<li class="last"><span>预售产品</span>&nbsp;&nbsp;</l>
				</ul>
			</div>
			<div><img class="floor-banner clickable" src="img/swxf.jpg"></div>
		</div>
		<div>
			<div class="carrousel-container">
				<span class="carrousel-item floor">
					<span class="img-container">
						<span class="hover-enlarge"><img alt="图片" src="img/mx1.png"></span>
					</span>
					<span class="prod-name">猎空 雕像 守望先锋</span>
					<span class="prod-price">￥1499.00</span>
				</span>

				<span class="carrousel-item floor">
					<span class="img-container">
						<span class="hover-enlarge"><img alt="图片" src="img/mx2.png"></span>
					</span>
					<span class="prod-name">魔兽世界 旅行者佩佩 毛绒玩具</span>
					<span class="prod-price">￥150.00</span>
				</span>

				<span class="carrousel-item floor">
					<span class="img-container">
						<span class="hover-enlarge"><img alt="图片" src="img/mx1.png"></span>
					</span>
					<span class="prod-name">预售 定金 守望先锋 卢西奥 黏土人</span>
					<span class="prod-price">
						<span class="discount presale">预售</span>￥293.00</span>
				</span>

				<span class="carrousel-item floor last">
					<span class="img-container">
						<span class="hover-enlarge"><img alt="图片" src="img/mx2.png"></span>
					</span>
					<span class="prod-name">末日铁拳 雕像 守望先锋</span>
					<span class="prod-price">￥2499.00</span>
				</span>
			</div>
		</div>
	</div>
	<!-- 手办模型结束 -->

	<!-- 网页底 -->
	<div class="body-bottom clearfix">
		<div class="bottom-l ">
			<p class="b-title ">客户服务 </p>
			<span class="l-kefu inline-block">在线客服</span>
			<span class="l-fankui inline-block">客户反馈</span>
		</div>
		<div class="bottom-m ">
			<p class="b-title spacing">网易暴雪周边商城 </p>
			<p class="b-content">是网易旗下运营暴雪游戏周边产品的官方购物商场。秉承网易一贯的严谨态度，力求帮消费者引进、设计、制造优质的暴雪周边产品。</p>
			<p>
				<span>关注我们</span>
				<img class="weChat" src="img/weChat.png" alt="weChat">
				<img class="sinaBlog" src="img/blog.png" alt="SinaBlog">
			</p>
		</div>
		<div class="bottom-r">
			<img class="baoXue" src="img/bLogo.png" alt="暴风雪游戏">
			<img class="wangYi" src="img/wyLogo.png" alt="网易图标">
		</div>
	</div>

	<!-- 网页底结束 -->
	<!-- 底部开始 -->
	<footer class="footer">
		<div class="fix-width">
			<ul class="promises-list">
				<li class="official">官方正版周边</li>
				<li class="return">7天无忧退货</li>
				<li class="shipment">满88元免邮费</li>
				<li class="netease">网易自营电商</li>
			</ul>
			<ul class="link-list">
				<li><a href="#" >公司简介</a></li>
				<li><a href="#">规则中心</a></li>
				<li><a href="#">售后服务</a></li>
				<li><a href="#">配送与验收</a></li>
				<li><a href="#" >商务合作</a></li>
				<li><a href="#" >相关法律</a></li>
				<li><a href="#" >联系我们</a></li>
				<li><a href="#" >加入我们</a></li>
			</ul>
			<ul class="link-list licences">
				<li><a href="#"
					 target="_blank" rel="nofollow">食品经营许可证</a></li>
				<li><a href="#" rel="nofollow">出版物经营许可证</a></li>
				<li><a href="#" rel="nofollow">营业执照</a></li>
				<li>网易公司版权所有 © 1997-2019 浙出发滨零字第0108号 统一社会信用代码:986543456789098765</li>
			</ul>
		</div>
	</footer>
	<!-- 底部结束 -->
</body>

</html>